<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="/img/mg/logo-fav.png" />
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="/lib/perfect-scrollbar/css/perfect-scrollbar.css"/>
    <link rel="stylesheet" type="text/css" href="/lib/material-design-icons/css/material-design-iconic-font.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <link rel="stylesheet" href="/css/app.css"  type="text/css"/>
    <script th:inline="javascript" type="text/javascript">
        /*<![CDATA[*/
        $(function(){
            $("#login").click(function () {
                var params={
                    scope:"cys",
                    username:$("#username").val(),
                    password:$("#password").val()
                }
                $.post("/api/oauth/token",params,function (data) {
                    if(data.status==200){
                        window.location="/api/cys"
                    }
                });
            });
        });
        /*]]>*/
    </script>
</head>
<body class="be-splash-screen">

<div class="be-wrapper be-login">
    <div class="be-content">
        <div class="main-content container-fluid">
            <div class="splash-container">
                <div class="card card-border-color card-border-color-primary">
                    <div class="card-header"><img src="/img/logo-xx.png" alt="logo" width="102" height="27" class="logo-img" /><span class="splash-description">冰豹冷链物流</span></div>
                    <div class="card-body">
                        <form action="#">
                            <div class="form-group">
                                <input id="username" type="text" placeholder="用户名" autocomplete="off" class="form-control" />
                            </div>
                            <div class="form-group">
                                <input id="password" type="password" placeholder="密码" class="form-control" />
                            </div>
                            <div class="form-group login-submit">
                                <button  id="login" data-dismiss="modal" type="button" class="btn btn-primary btn-xl">登录</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
